@charset "utf-8";

@import "common/_reset.scss";

.web{
    width: 100%;
    /*头部*/
    header{
        width: 100%;
        height: 125px;
        overflow: hidden;
        position: relative;
        min-width: 1280px;
        
        .a_link{
              /*头部链接*/
            overflow: hidden;
            width: 328px;
            position: absolute;
            right: 173px;
            
            
            li{
                float:left;
                vertical-align: top;
                margin-top: 12px;
                a{
                    font-size: 12px;
                    color: #b3b2b2;
                }
               
            }
            .shuo{
                margin-top: 15px;
                color:#b3b2b2 ;
            }
        }

        h1{
                /*logo*/
            font-size: 26px;
            margin-top: 55px;
            margin-left: 179px;
            display: inline-block;
            
        }
        .logo{
            width: 82px;
            height: 34px;
            overflow: hidden;
            display: inline-block;
            img{
                height: 100%;
            }
          
        }
        .daohang{
             /*头部导航栏*/
            display: inline-block;
            margin-bottom:31px;
            margin-left: 113px;
         
            li{
                display: inline-block;
                width: 60px;
                height: 26px;
                padding-bottom: 25px;
                margin-left: 23px;
                
                text-align: center;
                a{
                    font-size: 13px;
                    color: #7a7878;
                    line-height: 26px;
                    font-weight: bold;
                    display: inline-block;
                }
              
            }
            li:hover{
                cursor: pointer;
                color: #f64f5b;
                border-bottom: 4px solid #1abc9c;
            }
            li:hover a{
                cursor: pointer;
                color: #f64f5b;
            }
            li:nth-child(1){
                width: 50px;
            }
            li:nth-child(2){
                width: 50px;
            }
            li:nth-child(8){
                width: 50px;
            }
             li:nth-child(6){
                width: 70px;
            }
        }
    }
      footer{
        width: 100%;
        min-width: 1280px;
        .connectus{
            /*联系方式*/
            width: 100%;
            min-width: 1280px;
            height: 425px;
            background: #38373d;
            .left{
                display: inline-block;
                width: 487px;
                vertical-align: top;
           
            .code_sao{
                 /*扫码*/
                width: 132px;
                text-align: center;
                display: inline-block;
                vertical-align: top;
                .code{
                    width:119px ;
                    height: 119px;
                    overflow: hidden;
                    margin: 0 auto;
                    margin-bottom: 9px;
                    img{
                        width: 100%;
                    }
                }
                p{
                    width: 132px;
                    font-size: 12px;
                    color: #fff;
                    text-align: center;
                    margin: 0 auto;
                }
            }
            .method{
            /*联系方式*/
                display: inline-block;
                vertical-align: top;
                margin-left: 32px;
                .con_method{
                    font-size: 16px;
                    color: #fff;
                    font-weight: bold;
                  
                    }
                      ul{
                        font-size: 14px;
                        color: #fff;
                        margin-top: 27px;
                        .method_li{
                            font-size: 14px;
                            color: #fff;
                            vertical-align: top;
                            margin-bottom: 13px;
                            .iconsize{
                                font-size: 20px;
                                vertical-align: top;
                            }
                            p{
                                display: inline-block;
                                width: 203px;
                                line-height: 20px;
                                vertical-align: top;
                            }
                        }
                        .li2{
                            margin-top: -10px;
                            margin-bottom: 5px;
                        }
                       
                        .iconsize{
                                font-size: 20px;
                                vertical-align: top;
                            }
                        
                        
                }
            }
         }   
            .right{
            /*联系方式右边*/
                display: inline-block;
                vertical-align: top;
                margin-top:61px ;
                p{
                    color: #fff;
                    font-size: 16px;
                    font-weight: bold;
                }
                form{
                    width: 391px;
                    input[type="text"]{
                        height: 40px;
                        background: #5d6d7e;
                        border-radius: 5px;
                        border: 0;
                        padding-left: 5px;
                        font-size: 13px;
                        color: #fff;
                        margin-top: 11px;
                        
                    }
                    input[type="text"]::-webkit-input-placeholder{ 
                        color: #959ea8;
                    }
                    textarea{
                        background: #5d6d7e;
                        width: 100%;
                        height: 144px;
                        overflow: hidden;
                        margin-top:11px ;
                        border: 0;
                        border-radius: 5px;
                        font-size: 13px;
                        color: #fff;
                        
                    }
                   textarea::-webkit-input-placeholder{
                        color: #959ea8;
                    }
                    
                    #xingming{
                        width: 170px;
                        margin-right: 13px;
                    }
                    #email{
                        width: 200px;
                    }
                    #biaoti{
                        width: 100%;
                    }
                    input[type="submit"]{
                        width: 98px;
                        height: 40px;
                        background: #5d6d7e;
                        border-radius: 5px;
                        margin-top: 10px;
                        margin-left: 294px;
                        font-size: 14px;
                        color: #fff;
                        font-weight: bold;
                    }
                    input[type="submit"]:hover{
                        background: #3498db;
                        cursor: pointer;
                    }
                }
                
            }
        }
        .webfooter{
            width: 100%;
            min-width: 1280px;
            height: 118px;
            background: #2c3e50;
            .shengming{
               padding-top:34px ;
            p{
                font-size: 14px;
                font-weight: bold;
                color: #fff;
                text-align: center;
                padding-top: 10px;
            }
            }
        }
    }
}
 
